body{
    background: #171922;
    color: #cbdde9;
    header{
        height: 180/46.875rem;
        padding:0 24/46.875rem;
        div{
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            height: 90/46.875rem;
            line-height: 90/46.875rem;
            span{
                flex: 1;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
            }
            span:nth-child(1){
                text-align: left;
                font-size: 28/46.875rem;
            }
            span:nth-child(2){
                text-align: right;
                font-size: 30/46.875rem; 
                color: #3B9CE0;
            } 
        }
        div:nth-child(2){
            span:nth-child(2){
                color:#d72d45;
            }
        }
    }
    section{
        div.list{
            height: 130/46.875rem;
            background: #242830;
            padding:0 24/46.875rem;     
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;   
            border-bottom: 1px solid #2e303e;            
            span:nth-child(1){
                width: 100/46.875rem;
                height: 100/46.875rem;
                border-radius: 50%;
                overflow: hidden;
                margin-top: 15/46.875rem;
                img{
                   width: 100%;
                   height: 100%;
                   vertical-align: middle;     
                }
            } 
            span:nth-child(2){
                width: 6rem;
                padding-top: 28/46.875rem;
                padding-left: 22/46.875rem;
                p:nth-child(1){
                    img{
                        display: inline-block;
                        width: 28/46.875rem;
                        height: 28/46.875rem;
                        vertical-align: middle;
                        margin-left:0.2rem;
                    }
                }
                p:nth-child(2){
                    padding-top: 8/46.875rem;
                    img{
                        display: inline-block;
                        width: 28/46.875rem;
                        height: 28/46.875rem;
                        vertical-align: middle;
                        margin-right:0.2rem;
                    }
                }
            } 
            span:nth-child(3){
                width: 3.826667rem;
                display: inline-block;
            } 
            span:nth-child(4){
               line-height: 130/46.875rem;
               img{
                   display: inline-block;
                   width: 26/46.875rem;
                   margin-left: 1.2rem;
               }
            } 
        }
        div.content{
                background: #242830;
                display: none;
            div.bianji{
                height: 90/46.875rem;
                display: flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                padding:0 24/46.875rem;  
                span:nth-child(1){
                    flex: 1;
                    -webkit-flex: 1;
                    -moz-flex: 1;
                    -ms-flex: 1;
                    b{
                        display: inline-block;
                        width: 140/46.875rem;
                        height: 50/46.875rem;
                        border:1px solid #cbdde9;
                        border-radius:1rem;
                        line-height: 50/46.875rem;
                        text-align: center;
                        font-size: 24/46.875rem;
                        margin-top: 18/46.875rem;
                    }
                }
                span:nth-child(2){
                    flex: 1;
                    -webkit-flex: 1;
                    -moz-flex: 1;
                    -ms-flex: 1;
                    height:1.92rem;
                    line-height: 1.92rem;
                    text-align: right;
                    b{
                        color: #d72d45;
                    }
                }
            }
            div.danda{
                div.dan{
                    background: #30343c;
                    height: 160/46.875rem;
                    padding:38/46.875rem 24/46.875rem;
                    box-sizing: border-box;
                    color: #657d8e;
                    p{
                        display: flex;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: -webkit-flex;
                        span{
                            flex: 1;
                            -webkit-flex: 1;
                            -moz-flex: 1;
                            -ms-flex: 1;
                            span:nth-child(1){
                                color: #cbdde9;
                                margin-left: 28/46.875rem;
                            }
                        }
                        
                    }
                    p:nth-child(1){
                        span:nth-child(1){
                            flex: 2;
                            -webkit-flex: 2;
                            -moz-flex: 2;
                            -ms-flex: 2;
                        }
                        span:nth-child(2){
                            color: #cbdde9;
                        }
                        span:nth-child(3){
                            text-align: right;
                            color: #d72d45;
                            font-weight: bold;
                        }
                    }
                    p:nth-child(2){
                        margin-top: 18/46.875rem;
                        span{
                           margin-left: 0rem; 
                           span:nth-child(1){
                               margin-left: 0rem;
                           }
                           span:nth-child(2){
                               margin-left: 0rem;
                           }
                        }
                        span:nth-child(2){
                            text-align: right;
                        }
                    }
                }
                div.detailsData{
                    height: 160/46.875rem;
                    background: #242830;
                    padding: 38/46.875rem 30/46.875rem;
                    box-sizing: border-box;
                    display: none;
                    p{
                        color: #7390a4;
                        font-size: 24/46.875rem;
                        b{
                            display: -moz-box;
                            display: -ms-flexbox;
                            display: -webkit-flex;
                            display: flex;
                            font-weight: 100;
                            span{
                                flex: 1;
                                -webkit-flex: 1;
                                -moz-flex: 1;
                                -ms-flex: 1;
                            }
                        }
                    }
                }
            }
            div.mar{
                margin:10/46.875rem 0;
            }
        }
    }
    section:nth-child(3){
        margin: 20/46.875rem 0;
    }
}
